<!DOCTYPE html>
  <html>
  <head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="/src/css/scojs.css" rel="stylesheet">
    <link href="/src/css/colpick.css" rel="stylesheet">
    <link href="/src/css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="/src/css/main.css">
    <link rel="stylesheet" href="/src/css/main.css">
  </head>
  <body>
  <div id="danmup" style="left: 50%;margin-left:-400px;top:100px">


</div>
<div style="display: none">
  <span class="glyphicon" aria-hidden="true">&#xe072</span>
  <span class="glyphicon" aria-hidden="true">&#xe073</span>
  <span class="glyphicon" aria-hidden="true">&#xe242</span>
  <span class="glyphicon" aria-hidden="true">&#xe115</span>
  <span class="glyphicon" aria-hidden="true">&#xe111</span>
  <span class="glyphicon" aria-hidden="true">&#xe096</span>
  <span class="glyphicon" aria-hidden="true">&#xe097</span>
</div>


</body>
<script src="/js/jquery-2.1.4.min.js"></script>
<script src="/js/jquery.shCircleLoader.js"></script>
<script src="/js/sco.tooltip.js"></script>
<script src="/js/colpick.js"></script>
<script src="/js/jquery.danmu.js"></script>
<script src="/js/main.js"></script>
<script>
  console.log("前台来打印一局话");
  $("#danmup").DanmuPlayer({
    src:"<%=address%>",
    height: "480px", //区域的高度
    width: "800px" //区域的宽度
    ,urlToGetDanmu:"/danmuGet/<%= id%>"//"query.php"
    ,urlToPostDanmu:"/danmuSave/<%= id%>"//"stone.php"
  });

  $("#danmup .danmu-div").danmu("addDanmu",[
//    { "text":"这是滚动弹幕" ,color:"white",size:1,position:0,time:2}
//    ,{ "text":"我是帽子绿" ,color:"green",size:1,position:0,time:3}
//    ,{ "text":"哈哈哈啊哈" ,color:"black",size:1,position:0,time:10}
//    ,{ "text":"这是顶部弹幕" ,color:"yellow" ,size:1,position:1,time:3}
//    ,{ "text":"这是底部弹幕" , color:"red" ,size:1,position:2,time:9}
//    ,{ "text":"大家好，我是伊藤橙" ,color:"orange",size:1,position:1,time:3}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:2}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:3}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"yellow",size:1,position:0,time:4}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"yellow",size:1,position:0,time:5}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"yellow",size:1,position:0,time:6}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"blue",size:1,position:0,time:7}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"blue",size:1,position:0,time:8}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"blue",size:1,position:0,time:9}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"blue",size:1,position:0,time:10}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"blue",size:1,position:0,time:11}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"blue",size:1,position:0,time:20}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"red",size:1,position:0,time:21}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"red",size:1,position:0,time:22}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"red",size:1,position:0,time:23}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:24}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:25}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:26}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"red",size:1,position:0,time:27}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:28}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:29}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:30}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"red",size:1,position:0,time:30}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:32}
//    ,{ "text":"99999999999888888888888888888888888888888777777777777777777777777777777666666666666666666666666666666555555555555555555555555555555444444444444444444444444444444333333333333333333333333333333222222222222222222222222222222111111111111111111111111111111" ,color:"white",size:1,position:0,time:33}
  ])
</script>
</html>